<!-- 司机详情 -->
<template>
  <div class="dashboard-container driver-detail">

    <el-card>
      <el-tabs
        v-model="activeName"
      >
        <el-tab-pane
          label="基本信息"
          name="first"
        >
          <driverInfo></driverInfo>
        </el-tab-pane>
        <el-tab-pane
          label="驾驶证信息"
          name="second"
        >
          <driverLicense></driverLicense>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>
<script>
import driverInfo from './components/driver-info.vue'
import driverLicense from './components/driver-license.vue'
export default {
  components: {
    driverInfo,
    driverLicense
  },
  data() {
    return {
      activeName: 'first'
    }
  }
}
</script>
<style lang="scss" scoped>
.active {
  color: #ff643d;
}
</style>

<style lang="scss" scoped>
.driver-detail {
    /deep/ .el-container{
    flex-direction: column;
    margin-left: 0px;

  }
}
.el-card{
  margin: 20px;
  padding: 20px 50px;
  /deep/ .el-tabs__item.is-active{
    font-size: 16px;
    font-weight:bolder;
    color: #20232A;
  }
  /deep/ .el-tabs__item:hover{
    color: #20232A;
  }
  /deep/ .el-tabs__active-bar{
    background-color: #E15536;
  }
}
/deep/ .el-card__body{
  padding: 0;
}
</style>
